<template>
  <a-result
    title="404"
    sub-title="页面不存在"
    class="flex h-[100vh] flex-col items-center justify-center"
  >
    <template #icon>
      <img
        src="@/assets/images/404.png"
        alt="404"
        class="mb-[-40px] max-h-[420px] max-w-[420px]"
      />
    </template>
    <template #extra>
      <a-button
        type="primary"
        href="/"
        >返回首页</a-button
      >
    </template>
  </a-result>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped>
:deep(.ant-result-icon) {
  margin-top: -140px;
}
</style>
